<template>
  <div>
  <el-table
    :data="departments"
    border
    style="width: 100%">
    <el-table-column
      prop="id"
      label="编号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="phone"
      label="电话"
      width="180">
    </el-table-column>
    <el-table-column
      prop="email"
      label="邮箱"
      width="180">
    </el-table-column>
    <el-table-column
      prop="createTime"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
  <el-pagination
    background
    layout="prev, pager, next"
    :total="total"
    :page-size="pageSize"
    :current-page="currentPage"
    @current-change="goPage"
    align="right"
  >
  </el-pagination>
  </div>
</template>

<script>
export default {
  name: "DepartMent",
  data() {
    return {
      departments: [],
      total: 0,
      pageSize: 5,
      currentPage: 1
    }
  },
  mounted() {
    this.list();
  },

  methods: {
    goPage(currentPage) {
      this.currentPage = currentPage;
      this.list();
    },
    list() {
      this.$http.get("/department/queryData", {"currentPage": this.currentPage, "pageSize": this.pageSize})
        .then(result => {
          this.departments = result.data.data;
          this.total = result.data.totals;
        })
        .catch(result => {
          this.$message.error('系统繁忙，请重试！');
          console.log(result);
        })
    }

  }}
</script>

<style scoped>

</style>
